<template>
<div>
      <ProTable
      :data="tableData"
      :column="column"
      :elProps="[]"
       :page="[]"
      :rowControl="[]"
      :disabled="[]"
      :controlWidth="[]"
    >
    </ProTable>
</div>
</template>

<script setup>
import { ref, watch } from 'vue' 

const column = {
        name:'產品名稱(必填)',
        products_type:'產品分類(必填)',
        brand:'產品品牌(必填)',
        unit:'單位(必填)',
        supplier:'產品供應商(必填)',
        barcode:'條形碼(必填)',
        type:'型號',
        price:'價格(必填)',
        cost:'成本(必填)',
        remark:'備註',
        safety:'安全量',
        maintain:'維修期',
        introduce:'介紹',
};

const props = defineProps({
    excelTable:Object
})
const tableData = ref([])
tableData.value = props.excelTable

console.log(tableData.value);
watch(()=>props.excelTable,(newval)=>{
    tableData.value =newval
console.log(tableData.value);
})
</script>

<style lang='less'  scoped>

</style>